document.addEventListener('DOMContentLoaded', function() {
    // 开始按钮点击事件
    const startButton = document.querySelector('.start-btn');
    
    startButton.addEventListener('click', function() {
        alert('开始探索生灵之旅！');
        // 这里可以添加页面跳转或动画效果
        window.location.href = './2Dsection/hello.html';
    });
    
    // 导航菜单激活状态
    const navLinks = document.querySelectorAll('nav ul li a');
    
    navLinks.forEach(link => {
        link.addEventListener('click', function() {
            navLinks.forEach(item => item.classList.remove('active'));
            this.classList.add('active');
        });
    });
    
    // 登录按钮点击事件
    //   // 个人主页按钮点击事件
    //   const profileButton = document.querySelector('.profile-btn');
    //   const modal = document.getElementById("profileModal");
    //   const closeBtn = document.querySelector('.close');
    //   const verifyBtn = document.querySelector('.verify-btn');
  
    //   profileButton.addEventListener('click', function(e) {
    //       e.preventDefault();
    //       modal.style.display = "block";
    //   });
  
    //   closeBtn.addEventListener('click', function() {
    //       modal.style.display = "none";
    //   });
  
    //   window.addEventListener('click', function(event) {
    //       if (event.target === modal) {
    //           modal.style.display = "none";
    //       }
    //   });
  
    //   // 身份认证按钮点击事件
    //   verifyBtn.addEventListener('click', function() {
    //       alert('身份认证成功！');
    //       // 这里可以添加实际的身份认证逻辑
    //   });

    const profileButton = document.querySelector('.profile-btn');
    const modal = document.getElementById("profileModal");
    const closeBtn = document.querySelector('.close');
    const verifyBtn = document.querySelector('.verify-btn');
    const usernameValue = document.getElementById('usernameValue');
    const roleValue = document.getElementById('roleValue');

    profileButton.addEventListener('click', function(e) {
        e.preventDefault();
        
        // 从后端获取用户信息
        fetchUserInfo();
        const token = localStorage.getItem('ourtoken');
        if(token){modal.style.display = "block";}
    });

    closeBtn.addEventListener('click', function() {
        modal.style.display = "none";
    });

    window.addEventListener('click', function(event) {
        if (event.target === modal) {
            modal.style.display = "none";
        }
    });

    // 身份认证按钮点击事件
    verifyBtn.addEventListener('click', function() {
        const userrole= localStorage.getItem('ouruserrole');
        if(userrole === '动物爱好者'){
            alert('您没有权限访问该页面！');
        }
        else if(userrole === '专家用户'){
            alert
            ('您已发出申请，请联系管理员审核');
        }
        else{
            alert('出错啦！请稍后再试！');
        }
    });

    //从本地存储获取用户信息
    function fetchUserInfo() {
        //如果token存在，则显示用户信息
        const token = localStorage.getItem('ourtoken');
        if (token) {
            const username = localStorage.getItem('ourusername');
            const role = localStorage.getItem('ouruserrole');
            console.log(username, role);
            usernameValue.innerHTML = username;
            roleValue.innerHTML = role;
        }
           
        else{
            alert('请先登录！');
        }
    }
});

